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But, to her surprise, unlike the bird had 
mentioned, her comer was a vast lake 
and tt shimmered 


Her eyes gleamed as she looked at 
the shimmering beautiful lake 


To her surprise, her new found corner 
reflected whatever Intle light that 
came from the same dark world she 
ran from 
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Introduction 


This is an exercise in exploring how one can transform a visual through graphically abstracting the forms. 
Abstraction: 


Abstraction is often defined as an operation that extracts elements or constituents common to a number of par- 
ticular cases and presents them as a new sum or configuration. 
__ Rudolf Arnheim 


Visual Abstraction: 


Visual Abstraction refers to the ability to transform a visual into its essential features - this could be achieved 
by transformation of any one or more of the visual elements such as shape, colour and texture. There is also the 
degree of abstraction from being very abstract to being less abstract (or being closer to realistic representation). 


Visual Abstraction leads to the following: 
¢ Higher level of visual order 

¢ Reduction of information content 

¢ Generality in the representation. 
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The Moon's Spell 
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Visual Order 


"Order refers to the degree and the kind of lawfulness governing the relations among parts of the representa- 
tions. It applies to the makeup of each part within itself’ 
__Maldanado Y and Bonseipe G 


Higher Level of Order: 
A relatively high degree of order seems to be the key factor underlying the characteristics inherent in the ab- 
straction of representation. 


‘Order refers to the degree and the kind of lawfulness governing the relations among parts of the representa- 
tions. It applies to the makeup of each part within itself’ 
__Maldanado Y and Bonseipe G 


It applies to the over-all theme or structure, to which the relationship of all parts must confirm; it also applies to 
the makeup of each part within itself. 


The visual principles that need to be explored to achieve a relatively high level of order are factors such as: 
+ Less visual details 

¢ Simplicity of forms 

¢ Recurrence of forms 

+ Alignment to grids 

« Symmetry 

¢ Balance of figure and ground. 


At the next level, the order is influenced by visual features such as: 
* the use of shapes that are simple, smoothened, geometric; 

e textures that are even; 

« tonal variations that are minimal; 

* orientations along the horizontal, the vertical and diagonal axis; 
e and size variations that are modular. 


At the third level, elements such as lines that are used as outlines and in turn act as efficient containers of infor- 
mation, are treated in manner of having an orderly even thickness, a geometric linearity or circularity and are 
constrained in its direction to the major axis or the diagonal. 
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Design Exercise 


Graphically abstracting the forms: 


Exercise: 

- Make a storyboard of five visuals (like comic strips) of your chosen story. 

- Each frame represents a specific event, which document five continuous points in time (diachronic). In this exer- 
cise, you'll try to depict these visuals in abstract form. 

- Abstract, graphicalise and simplify the forms or shapes of the elements in your visual (both the characters and 
the background environment) so as to represent a higher level of order. 

- The visuals should make use of forms, textures, colours to express your story. 


¢ Visual Communication Students: 
- Task is to make a book of dimension 21cm x 21cm with 5 open page spreads of dimension 21cm x 42cm. 
- You should represent your original story of 5 key frames as abstractions on the right half of book. 
- Express your story using appropriate typeface on the left side of your book. 
- Do a cover and then print and bind the book. 


¢ Animation Design Students: 
- Task is to make a Stop Motion presentation of your story. 
- You should represent your original story of 5 key frames as animated abstractions making use of cut-outs. 
- Use audio to narrate your story. You need to submit this as a movie file. 


* Interaction Design Students: 

- Task is to make an interactive presentation of your story. 

- You should represent your original story of 5 key frames as abstractions with interactive features. Either use 
online text or audio to narrate your story. 

- You can make use of flash or any other similar program to execute the exercise. 


Total Time Duration: 15 hours of studio time. 
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something to quench his thirst. 


While searching he came across water puddles but he 
ignored them. 


Then he aaw a bucket filled half with water, aome 
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Binu sets all free all those fireflies he captured and now you 
can again find fireflies floating under the dark night sky. 


One day the gardener uncle told Binu that all those stars 
are made up of hundreds and thousands of fireflies 
stored together. 
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Binu wants to make a star of his own. So he started 
catching fireflies and collecting them inside match box. 
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Abstraction 


Here are examples of visuals of the story represented through visual abstraction: 


Cycle Friends: 


D’source 


Digital Learning Environment for Design - wwv 


Design Course 
Visual Syntactics 4 - 
Abstraction 


Understanding Visual Language 
by 

Prof. Ravi Poovaiah 

IDC, IIT Bombay 


Source: 
http://www.dsource.in/course/visual-syntactics-4-ab- 
straction/abstraction 


1. Introduction 

2. Visual Order 

3. Design Exercise 
4. Explorations 

5. Abstraction 

6. References 

7. Contact Details 


One old cycle tries to talk to new one and wishes to 
become friends but new one doesn't respond properly. 


One day new cycle overtakes the older one and 
proudly laughs. The old cycle feels bad because he 
can't run fast. 
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But suddenly some distance ahead, new cycle got 
puncture. The older one helped him. The new one 
feels shamed. 


New one says sorry to the older one. And they 
become friends for whole life. 
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Kaka the Crow: 
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On a hot summer afternoon, sun was shining to its 


Kaka-the crow who has been living in IIT since many 
years felt thirsty. 
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It took off and flew through the campus in search of 
something to quench his thirst. 


While searching he came across water puddles but he 
ignored them. 


Then he saw a bucket filled half with water, some 
stones lying around and a five rupee coin. 
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But he was not a normal crow. 
An idea clicked. 
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He picked up the coin and flew to the nearby 
dispenser box and slid the coin inside. 
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Ka-ka-ko-la. 
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Cheetu & Kalia get engrossed in the stories & listen 
them carefully from across bushes.” 
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“One of the students looks into the bush & 
sees four eyes staring at them..” 


“The student scares & shouts “A ghost in the bush! 
Run!". Cheetu & Kalia wonder where the ghost is but 
they too are scared and run anyway.” 
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"Next day morning news at IIT "Ghost in IIT grounds 
with four eyes and growling & hissing noise” 


18 


D’source 


Digital Learning Environment for Design - www. 


Design Course 
Visual Syntactics 4 - 
Abstraction 


Understanding Visual Language 
by 

Prof. Ravi Poovaiah 

IDC, IIT Bombay 


Source: 
http://www.dsource.in/course/visual-syntactics-4-ab- 
straction/abstraction 


1. Introduction 

2. Visual Order 

3. Design Exercise 
4. Explorations 

5. Abstraction 

6. References 

7. Contact Details 


The Rescue: 


Once upon a time there was 
a little boy, and a clever boy 

he was.’One day he saw the 
W¢ampus flooded with the 

blocked rainwater. 


Then the little boy ran ahead and found 
Archemedes contemplating the floods. 
The little boy lunged forward to catch 


hold of him, but Archemedes fell back — 


into the water. 
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under an apple tree. The little boy- 
leaped over the wall and jumped - 
over the tree to warn Newton of - -- 
the danger. As he jumped, a lot of -’ 
apples fell on Newton. 


| Newton realized the idea of 
“gravity and ran away happily. 


FR 


There was aloud Splash. Archemedes= =~ 
got up and Sc¢rached his head for a while: 
Then shouting “Eireka’ at the top of his 
voice, he ran’away happily. 
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Chinku: 


That day no body came to pick him up from the school, 


CHINKU a boy to whom this world was unknown. 


He was left all alone on that rainy day on the streets 
of mumbai. 


Chinku tried to shelter himself from the rain 
and went under a small shed. 


Dodging the tiny water crystals he squeezed 
himself underthe shed and what he saw was 
an abandoned little puppy right beside him. 


Abandoned and lost like chinku the puppy was 
also scared shivering from cold and hiding under 
the same shed. 
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Chinku saw the puppies condition and covered him with his 
hankerchief and while these things were happening a man 
was watching this. 


Chinku was hungry so he took out one of the left over 
sandwich from his tiffin and started eating but he heard 
the little puppy squealing so he gave his sandwich to the 


puppy. 


That strange man was continuosly watching this. 


The rain stopped,so chinku left the shed and started 
walking along the foot path . 


He looked back but this time the puppy was not there, 
the puppy was on the other side of the road with his 
mother and they left. 
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Chinku was left all alone and it was then that strange 
man came from the shadows and tightly hugged chinku. 


It was Chinku’s Dad 


Appaaa 
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With a bunch of balloons clasped 
in his tender fingers, 

the boy climbed up the stairs 
dreaming to fly across 

to reach the moon, 
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The boy grew up 
steeped in the desire 
to reach the moon 
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A beautifull full moon spreads its silver light 


Wits off in a rocket to reach the moon. 
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Binu and Fireflies: 


Once upon a time there was a small boy Binu who used to 
leave with his father in a big green university area. Every 
night Binu used to watch starry sky, dark trees and fireflies 
floating under the dark sky. He used to wonder about those 
twinkling stars and their colors. 


Binu sets all free all those fireflies he captured and now you 
can again find fireflies floating under the dark night sky. 
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One day the gardener uncle told Binu that all those stars 
are made up of hundreds and thousands of fireflies 
stored together. 


The squirrel told him that fireflies carries messages of need 
from trees to trees, ground to clouds. So since Binu started 
capturing them no message of need passed from trees to 
trees, ground to clouds, 
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Binu wants to make a star of his own. So he started 
catching fireflies and collecting them inside match box. 
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Avon used to tease him everyday. 
Hero was sad. 
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One day, a little girl saw hero lying alone in a 
corner, helpless. She repaired him. She borrowed 
an automatic battery from her brother and 
made it fast. 


Hero is now an automatic cycle. Everybody 
loves to ride on him 
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Avon realised her mistake and they 
became friends forever. 


J 
D'source 
Digital Learning Environment for Design - wwwdsourcein 


Design Course The story is about Rahul: 
Visual Syntactics 4 - 
Abstraction 


Understanding Visual Language 
by 

Prof. Ravi Poovaiah 

IDC, IIT Bombay 


Rahul stays in IIT campus with his mom 
and papa. He is a carefree boy who loves 
to play all day but hates to study. 
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7. Contact Details 
Rahul goes to school everyday and walks 
home with his mom. One day on his way 
back, he saw a row of ants carrying 
something on their heads. He asked 
his mom “What are the ants carrying?” 
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Mom replied, “We have much to learn 
from these ants. They work hard in 
summer, carry loads of food on their 
heads. The food that the ants collect 
today will be useful to them in winter.” 


Rahul understood his mom well and from 
that day onwards he worked hard and 
never complained about studies. 
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A Bud’s Life: 


1 plant 


waters 


§ in the corner 


her. The bud be 
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Dancing Lights: 


Unaiza, always asked a lot of 
questions and liked her world colourful 
and vibrant. She wanted to chase 
butterflies and follow beetles and 
unhke most her age dared to wander. 


But often grown ups told her what is 
right and what is wrong. This would 
make her vibrant world turn dark and 
dull and leave her sad. 


One of the days when she was sad 
she recalled a dream in which a bright 
blue beautiful bird said 


“For when you are grim, 

run past the bam. 

Though halt when a corner is found, 
and begin to block those scary sounds. 
All the darkness will twist and twirl, 


once you begin to paint a better world.” 
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Unaiza began to run... run away from 
this dark and grim world until she 
reached a comer 


e. " 


eo 


eo, te 
pe, © Pp 


But, to her surprise, unlike the bird had 
mentioned, her corner was a vast lake 
and it shimmered 


Her eyes gleamed as she looked at 
the shimmering beautiful lake 


To her surprise, her new found corner 
reflected whatever little light that 
came from the same dark world she 
ran from 
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With a huge smile on her face, Unaiza 
began to sing her favourite rhymes to 
block all the noise, as told by the bird. 


As she continued to sing, the lights 

in the lake began to dance and rise 
with the sound of her music and filled 
her with a belief that she can paint 
everything she wants. 


In that moment, she decided to follow 
all her dreams. 


Also each time she wanted to paint 
her own vibrant new world she would 
walk up to her corner and gaze at the 
dancing lights. 
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| have a fish. Her name is Lily. She is 
my best friend. She is white in color. 


| want to see Lily colorful! 


One day | saw a dream, in that 
dream | saw Lily in different colors. 
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| took PINK GELATIN paper & 
wrapped around Lily's bowl. 
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OO000000 
What a magic! | was surprised, | 
saw Lily in PINK color & she could 


see me in PINK color. My dream 
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Sitha School Uniform: 


Everyday Sitha and her father go to the riverside , to 
wash the clothes. There she always sees a primary 
school, where the kids of her age group used to study, 
play and do many activities, 


That makes a strong feeling inside her to be the same 
as those kids. And as she keeps on seeing again and 
again, the desire of getting into the school gets 
stronger. 
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One day the clothes her father brought for washing 
consisted of the school uniform of a kid. As Sitha saw 
that uniform, she became very happy. 


And soon Sitha wore that uniform and stood in front 
of the mirror. She started acting like the kids she used 
to see everyday while passing by the school. And she 
started dreaming about the school, playground, 

lunch break, parade and many more things she used 
to see. 
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SUDDENLY!!!! Her father entered. 

Sitha somehow managed to cover herself, mainly the 
uniform with an old curtain. Ranga aproached and 
grabbed the curtain out. A truth revealed.... Sitha in 
school uniform. 

Ranga realised that it was school she wanted to have. 
This incident opened his eyes. 
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Suddenly a beautiful mermaid emerged 


from water.and start crying. . 
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The boy came to her and asked her . who is she” ‘and 


why she’s crying. She told him’she is queen of mérmaids. 
> and due to people polluting the river fishes can’t breed ~ 


their eggs and she was sent tchask help from humans, 
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The little boy promised her to help and when to village peoples. eis: 
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and able to convince them. . 
The mermaid thanked to little boy for his help. 


And all were lived happily ever after like any other story 


4 yh oe ary ~ 


eels ea eras So os 
A 


2) 


D’source 


Digital Learning Environment for Design - www 


Design Course A Water Bottle: 


Visual Syntactics 4 - 
Abstraction 


Understanding Visual Language 
by 

Prof. Ravi Poovaiah 

IDC, IIT Bombay 


Source: 
http://www.dsource.in/course/visual-syntactics-4-ab- 
straction/abstraction 


A Water Bottle 


A little boy loves his water bottle very much, Always carry his loved bottle wherever he goes. 
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One day on the way to his school he saw a puppy on the road side. The puppy was thirsty. 
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it was a hot summer day , heavy heat around. A little boy noticed that puppy was thirsty, 
immidiatly he has opened loving water bottle from his school bag and start feeding to 
the thirsty puppy. A little later puppy becorne fresh and start loving to the little boy. 


cenase 


Eis nha 


A Mle boy was so happy. His water bottle saved a puppy's life. Both start playing and a puppy 
folfowed to a little boy up to his school 
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A little boy and the puppy become a good friends. A little boy understood the value of water. 
arxi he got a good friend because his water bottle, 
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References: 


“Kalia, the snake and Cheetu, the leopard are 
best friends, who stay in IIT jungles 


One day they decide to walk into 
IIT campus & come across IIT grounds.” 
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Contact Details: 


This documentation for the course was done by 
Professor Ravi Poovaiah, faculty at IDC, IIT Bombay. 


You can get in touch with Professor Ravi Poovaiah at 
ravilat]iitb.ac.in 


You could write to the following address regarding 
suggestions and clarifications: 


Helpdesk Details: 
Co-ordinator 

Project e-kalpa 
Industrial Design Centre 
IIT Bombay 

Powai 

Mumbai 400076 

India 


Phone: 091-22-25767820/ 7801/ 7802 
Fax: 091-22-25767803 
Email: dsource.in[at]gmail.com 


